

$(function() {
	var sWidth = $("#timescroll ul li").width(); 
	var len = $("#timescroll ul li").length; 
	var index = 0;
	var picTimer;
	var ind=0;
	$(".timescroll ul li:even").addClass("even");
	if(len>5){
	$(".timescroll ul li").each(function(index){
							
			if($(".timescroll ul li").eq(index).children("a").attr("class")=="on"){
				 ind=index;
				
				 
				 if(ind>=len-5){
					 $("#timescroll ul").css("left",-(len-6)*sWidth);
				 }
				 else {
					 
					 $("#timescroll ul").css("left",-(ind*sWidth));
				 }
				 
						
			}
										 
		 });
	}

	var btn = "<div class='btn'>";
	for(var i=0; i < len; i++) {
		btn += "";
	}
	btn += "</div><div class='preNext pre'></div><div class='preNext next'></div>";
	$("#timescroll").append(btn);
	$("#timescroll .btnBg").css("opacity",0.9);

	

	$(".hou").click(function() {
		var m=$(".timescroll ul").css("left");
		index=Math.floor(-(m.substr(0,m.length-2))/sWidth);
							 
						
		index -= 1;
		
		if(index > -1)
		
		showPics(index);
	});

	
	$(".qian").click(function() {
		var m=$(".timescroll ul").css("left");
		index=Math.ceil(-(m.substr(0,m.length-2))/sWidth);
							 
		var m=$(".timescroll ul").css("left");

		index += 1;
		
		 
	if(index <len-5) 
	
		showPics(index);
		
	});


	$("#timescroll ul").css("width",sWidth * (len));
	
		
	function showPics(index) { 
	 
		var nowLeft = -index*sWidth; 
		$("#timescroll ul").stop(true,false).animate({"left":nowLeft},200); 
	
	
	}
});